const app = getApp()
import BaseModel from '../../utils/common.js'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    departmentIsShow:false,//部门弹窗是否显示
    positionIsShow:false,//职位弹窗是否显示
    staffOrder:"",//表单数据
    staff_name:"",//姓名
    staff_phone:"",//手机号码
    staff_weixin:"",//微信号
    departmentList:[],//部门列表
    departmentValueId:[],//当前选中的部门id
    departmentValue:[],//当前选中的部门值
    positionValue:[],//当前选中的职位值
    positionValueId:[],//当前选中的职位值id
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.getDepartmentAllData(); //获取部门列表
  },

  //获取部门列表
  getDepartmentAllDataModel: new BaseModel({
    url: 'Department',
    method: "get",
    needAjaxLoading:true,
    loadingText:"玩命加载中"
  }),
  getDepartmentAllData() {
    this.getDepartmentAllDataModel
        .fetch({ })
        .then(res => {
          this.setData({
            departmentList: res.data
          })
        })
        .catch(res => {
          //失败
        })
  },
  /*提交表单信息*/
  formSubmit: function(e) {
    if(e.detail.value.staff_name==""){
      wx.showToast({
        title: '姓名未填写哦',
        icon: 'none'
      })
      return false;
    }else if(!(/^1[3456789]\d{9}$/.test(e.detail.value.staff_phone))){
      wx.showToast({
        title: '手机号有误哦',
        icon: 'none'
      })
      return false;
    }else if(e.detail.value.position==""){
      wx.showToast({
        title: '职位未填写哦',
        icon: 'none'
      })
      return false;
    }

    this.setData({
      staffOrder:e.detail.value
    })
    this.getStaffOrderData();
  },
  //提交信息
  getStaffOrderModel:new BaseModel({
    url: "addStaff",
    method:"get",
    needAjaxLoading:true,
    loadingText:"玩命加载中"
  }),
  getStaffOrderData(){
    var that = this;
    this.getStaffOrderModel
        .fetch({
          staff_name:this.data.staffOrder.staff_name,
          staff_phone:this.data.staffOrder.staff_phone,
          staff_weixin:this.data.staffOrder.staff_weixin,
          department_id:this.data.departmentValueId,
          position:this.data.positionValueId
        })
        .then(res => {
          //成功
          wx.showModal({
            title: '保存成功',
            content: '是否继续添加员工',
            success(res) {
              if (res.confirm) {
                //提交成功后清空表单
                that.setData({
                  staffOrder:"",
                  staff_name:"",
                  staff_phone:"",
                  staff_weixin:"",
                  departmentValue:"",
                  positionValue:""
                })
              } else if (res.cancel) {
                wx.navigateBack({delta: 1}) //返回上一页
              }
            }
          })
        })
        .catch(res => {
          //失败
          wx.showToast({
            title: res.data,
            icon: 'none',
            duration: 2000
          })
        })
  },
  /*获取当前点击的部门*/
  clickDepartmentId:function(e){
    this.setData({
      departmentValueId:e.currentTarget.dataset.id,
      departmentValue:e.currentTarget.dataset.name,
      departmentIsShow:false
    })
  },
  /*获取当前点击的职位*/
  checkboxChange:function(e){
    var text=[];
    var id = [];
    for (var i = 0; i < e.detail.value.length;i++){
      var aaa = e.detail.value[i].split(',');
      text = text.concat(aaa[0])
      id = id.concat(parseInt(aaa[1]))
    }
    text=text.toString();
    id=id.toString();
    this.setData({
      positionValue:text,
      positionValueId:id
    })
  },
  clickPositionId:function(){
    this.setData({
      positionIsShow:false
    })
  },
  /*点击部门显示弹窗*/
  selectDepartment:function(){
    this.setData({
      departmentIsShow:true
    })
  },
  /*点击职位显示弹窗*/
  selectPosition:function(){
    this.setData({
      positionIsShow:true
    })
  },
  //点击弹窗灰色部分隐藏
  clickMaskBg:function(){
    this.setData({
      departmentIsShow:false,
      positionIsShow:false,
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    this.getDepartmentAllData(); //获取部门列表
    wx.stopPullDownRefresh(); //停止下拉
  },


})